
 //获取元素
 var head=document.querySelector('header')
 var ding=document.querySelector('.return')
 var footer=document.querySelector('footer')
 var head_a=head.querySelectorAll('a')
var fTop=footer.offsetTop;//footer距顶部的高度
var fHight=footer.offsetHeight;//footer自身高度
// console.log(fTop);//1103
// console.log(fHight);
var joinUs=document.querySelector('.joinUs')
//  页面滚动事件scroll
document.addEventListener('scroll',function(){
    // console.log(window.pageYOffset);
    if(window.pageYOffset>80){
        head.style.backgroundColor='#fff';
        for (var i=0;i<head_a.length;i++){
            head_a[i].style.color='#4a4a4a';
        }
    }else{
        head.style.backgroundColor='';
        for (var i=0;i<head_a.length;i++){
            head_a[i].style.color='';
        }
    }
    
    // 当我们页面被卷去的头部大于等于了footet的高度时显示
    if(window.pageYOffset>=600){
        ding.style.display='block';
    }else{
        ding.style.display='none';
    }
})

$(function() {
    $('.join').mouseenter(function() {
        $('.joinUs').slideDown();
        // $(".join ").css('backgroundColor','#fff')
        
    });

    $(".join").mouseleave (function() {
        $('.joinUs').hide();
        $(".join ").css('backgroundColor','')
       
    })
    
})
//返回顶部
// if(window.pageYOffset>=600){
//     ding.style.display='block';
// }else{
//     ding.style.display='none';
// }
// ding.addEventListener('click',function(){   
//     document.documentElement.scrollTop = 0;  
// })
// $(ding).click(function(){//返回顶部
//     $("body,html").stop().animate({
//         scrollTop:0
//     })

// })
//图片切换


$('.tech .item').on({
    mouseenter:function(){
        $(this).children(".img").stop().hide()     
        $(this).children(".txt").stop().slideDown()
    },
    mouseleave:function(){
        $(this).children(".img").stop().slideDown()    
        $(this).children(".txt").stop().hide() 
    }
})




 
 

